<template>
  <view class="flex relative flex-col">
    <image src="/static/dddr116.png" mode="heightFix" class="h-[1.6875rem] w-auto" />
    <view class="absolute top-0 right-[65px] z-10 w-full h-full flex justify-end">
      <view class="bg-[#00A9AB] rounded-l-[.625rem] pl-2 -mr-[.0625rem] flex justify-center items-center z-20">
        <view class="text-[.875rem] font-bold text-[#fff] after:content-['钻'] after:text-[.5rem]">
          {{ Math.floor(paid_amount) }}
        </view>
      </view>
      <image src="/static/dddr117.png" mode="heightFix" class="h-full" />
    </view>
  </view>
</template>
<!--   <yy-amountBtn :paid_amount="i.paid_amount"></yy-amountBtn> -->
<script>
  export default {
    props: {
      paid_amount: {
        type: [Number, String],
        default: 0
      }
    },
    data() {
      return {}
    },
    computed: {},
    methods: {},
    watch: {}
  }
</script>

<style lang="scss" scoped></style>
